<template>
  <t-layout-one class="layout-one-demo">
    <!--  搜索栏  -->
    <el-row class="search-bar" slot="up">
      <!--      <el-form :inline="true" class="demo-form-inline">
              <el-form-item label="审批人">
                <el-input placeholder="审批人"></el-input>
              </el-form-item>
              <el-form-item label="活动区域">
                <el-select placeholder="活动区域">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button icon="el-icon-search" type="primary" @click="">查询</el-button>
                <t-search-panel width="800">
                  <el-row slot="form">
                    <el-form :inline="true" class="demo-form-inline">
                      <el-col :span="12">
                        <el-form-item label="审批人">
                          <el-input placeholder="审批人"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="活动区域">
                          <el-select placeholder="活动区域">
                            <el-option label="区域一" value="shanghai"></el-option>
                            <el-option label="区域二" value="beijing"></el-option>
                          </el-select>
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="审批人">
                          <el-input placeholder="审批人"></el-input>
                        </el-form-item>
                      </el-col>
                      <el-col :span="12">
                        <el-form-item label="活动区域">
                          <el-select placeholder="活动区域">
                            <el-option label="区域一" value="shanghai"></el-option>
                            <el-option label="区域二" value="beijing"></el-option>
                          </el-select>
                        </el-form-item>
                      </el-col>
                    </el-form>
                  </el-row>
                  <el-button slot="reference" icon="iconfont iconfont-gaojisousuo">
                    高级查询
                  </el-button>
                </t-search-panel>
              </el-form-item>
            </el-form>-->
    </el-row>
    <!--  工具栏  -->
    <el-row slot="toolbar">
      <el-col :span="12">
        <el-button type="primary" icon="el-icon-edit-outline" @click="showAdd">添加</el-button>
        <el-button type="primary" icon="el-icon-edit" @click="">编辑
        </el-button>
        <el-button type="primary" icon="el-icon-info" @click="">详情
        </el-button>
        <el-button type="danger" icon="el-icon-delete" @click="">删除
        </el-button>
      </el-col>
      <el-col :span="12" style="text-align: right">
        <slot name="btns"></slot>
        <el-button icon="el-icon-refresh" @click="">刷新</el-button>
      </el-col>
    </el-row>
    <!--  表格  -->
    <t-table-with-pagination :data="[]">
      <vxe-column type="seq" width="60" fixed="left"></vxe-column>
      <vxe-column field="paramCode" title="参数代码" width="300"></vxe-column>
      <vxe-column field="paramName" title="参数名称" width="300"></vxe-column>
      <vxe-column field="paramValue" title="参数值" width="300"></vxe-column>
      <vxe-column field="remark" title="描述"></vxe-column>
    </t-table-with-pagination>

    <!--  抽屉  -->
    <add-drawer :visible="isAddDrawer" @close="isAddDrawer = false"></add-drawer>
  </t-layout-one>
</template>

<script>
import addDrawer from "./addDrawer";

export default {
  name: "layoutOne",
  components: {addDrawer},
  data() {
    return {
      isAddDrawer: false,
    }
  },
  methods: {
    showAdd() {
      console.log('111')
      this.isAddDrawer = true
    }
  }
}
</script>

<style lang="less" scoped>
.search-bar {
  /deep/ .el-form-item--small.el-form-item {
    margin-bottom: 8px;
  }
}
</style>